<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<script language="javascript" src="../myClass/MyClass.js"></script>
<script language="javascript" src="Velocimetro.js"></script>
</head>

<body>

<div id="tablero_content" style="width:100%; text-align:center; overflow:hidden"> 
   <table align="center" width="600" cellspacing="0" cellpadding="0"="" border="1px">
      <tr>
      	<td width="185" height="160"></td>
        <td width="185" height="150" bgcolor="#1F1A17" id="posVelocimetro" align="center"></td>
        <td width="185"></td>
      </tr>	
      <tr>
      	<td id="estado">estado: initial</td>
        <td><input name="" value="cambiar" type="button" onclick="change();" /></td>
        <td id='velocidad'>velocidad: 0 km/h</td>
      </tr>	
   </table>
</div>

<script type="text/javascript">
	var velocimetro = new Velocimetro('images/');
	velocimetro.putDisplayIn('posVelocimetro');
	
	function aleatorio(inferior,superior){ 
   		numPosibilidades = superior - inferior; 
    	aleat = Math.random() * numPosibilidades; 
	    aleat = Math.floor(aleat); 
    	return parseInt(inferior) + aleat; 
	} 
	
	function change(){
		var velocidad = aleatorio(0,201);
		var estado = aleatorio(0,3);
		document.getElementById('velocidad').innerHTML = 'velocidad: '+velocidad+' km/h';
		document.getElementById('estado').innerHTML = 'estado: '+estado;
		velocimetro.moveToValue(velocidad);
		velocimetro.setState(estado);
	}
			
</script>

</body>
</html>
